<!doctype html>
<html>
<head>
<include file="public:head" />
<link rel="stylesheet" href="__STATIC__/itaoke_mizhe/css/new_index_min.css" type="text/css" media="all" />
<link rel=stylesheet type=text/css href="__STATIC__/itaoke_mizhe/css/common.css" />
<script type="text/javascript" src="__STATIC__/8mobcomjuanpi/js/index.js"></script>
</head>
<body>
<include file="public:header" />

<div class="container">
	<div id="content" class="span-24 wrapper">

    <div class="banner-wrap">
    <div class="promo-wrap top_bar" style="width: 650px;">
		{:R('advert/index', array(1), 'Widget')}

	<div class="round">
		<div class="adType"></div>
	</div>
	<div style="display:none;" class="banner_arrow" data-banner="arrow">
		<a href="javascript:;" class="arrow_prev" data-arrow="prev"><i></i></a>
		<a href="javascript:;" class="arrow_next" data-arrow="next"><i></i></a>
	</div>

    </div>
    <div class="side-promo">
        <a class="go-out-click" href="{:U('brand/index')}" target="_blank">
            <img src="__STATIC__/itaoke_mizhe/images/brand_ad/1_340x130.png">
        </a>
        <a class="go-out-click" href="{:U('jiu/index')}" target="_blank">
            <img src="__STATIC__/itaoke_mizhe/images/brand_ad/2_340x130.png" >
        </a>
    </div>

</div>
<style>
.banner-wrap .promo-wrap img {width: 650px;height: 260px;}
.banner-wrap .side-promo {display: inline-block;width: 340px;height: 260px;overflow: hidden;margin-left: 20px;vertical-align: top;}
.banner-wrap .side-promo img {width: 340px;height: 130px;transition: all .3s cubic-bezier(0, 0, 0, 1.06);}

.banner-wrap .round {position: absolute;margin-right: -110px;top: 235px;width: 200px;right: 50%;}
.banner-wrap .round .adType {text-align:center;}
.banner-wrap .round .adType a {background:#e2e2e2;border-radius: 10px;cursor: pointer;display: inline-block;height: 10px;margin-right:7px;width: 10px;overflow:hidden;}
.banner-wrap .round .adType a.current {background:#ff2d5e;}
.banner_arrow .arrow_prev, .banner_arrow .arrow_next {top: 120px;}
.banner_arrow .arrow_prev {left: 0px;}
.banner_arrow .arrow_next {right: 0px;}

.new-users {width: 100%;}
.new-users ul li.active span {color: #f60;}
.w1005.brand_index {width: 100%;margin: 10px auto;}
.w1005.brand_index .brand_list {width: auto;}
.w1005.brand_index .brand_list {background: #fff;padding: 10px 0px 0;}
.w1005.brand_index .brand_list ul li {width: 314px;}
.w1005.brand_index .brand_list ul li .brand-pic {height: 119px;width: 314px;}
.w1005.brand_index .brand_list ul li .brand-pic img {width: 314px;}
.w1005.brand_index .brand-pic .brand_time, .w1005.brand_index .brand-pic .brand_time p, .w1005.brand_index .brand-pic .brand_time .brand_time_bg {width: 314px;}
.w1005.brand_index .brand-icons {width: auto;}
.w1005.brand_index .brand_list ul li .card .discount {width: 62px;height: 30px;line-height: 30px;text-align: center;color: #f60;float: right;font-size: 14px;margin: 10px 10px 0 0;}
.w1005.brand_index .brand_list ul li:hover .card .discount1 {color: #fff;background: #f60;border-radius: 5px;}
.w1005.brand_index .brand-icons .txt, .w1005.brand_index .brand-icons .see-all {color: #f60;font-size: 12px;}
</style>
<script type="text/javascript">

var carousel_index = function(){
        if($(".banner li").size() == 1) $(".banner li").eq(0).css("opacity", "1");
        if($(".banner li").size() <= 1) return;
        var i = 0,max = $(".banner li").size()- 1,playTimer;
        $(".banner li").each(function(){
            $(".adType").append('<a></a>');
        });
    //初始化
        $(".adType a").eq(0).addClass("current");
    $(".banner li").eq(0).css({"z-index":"2","opacity":"1"});
    var playshow=function(){
        $(".adType a").removeClass("current").eq(i).addClass("current");
        $(".top_bar .banner li").eq(i).css("z-index", "2").fadeTo(500, 1, function(){
        $(".top_bar .banner li").eq(i).siblings("li").css({
                  "z-index": 0,
                  opacity: 0
        }).end().css("z-index", 1);
        });
    }
    var next = function(){
      i = i>=max?0:i+1;
      playshow()
    }
    var prev = function(){
      i = i<=0?max:i-1;
      playshow()
    }
        var play = setInterval(next,3000);
        $(".banner li a,.banner_arrow").hover(function(){
            clearInterval(play);
            $(".banner_arrow").css("display","block");
        },function(){
            clearInterval(play);
            play = setInterval(next,3000);
            $(".banner_arrow").css("display","none");
        });
        $(".banner_arrow .arrow_prev").on('click',prev);
        $(".banner_arrow .arrow_next").on('click',next);
        $(".adType a").mouseover(function(){
            if($(this).hasClass("current")) return;
            var index = $(this).index()-1;
            var playTimer = setTimeout(function(){
                clearInterval(play);
                i = index;
                next();
            },500)
        }).mouseout(function(){
                clearTimeout(playTimer);
            });
    }
    carousel_index();

    call_reg('showInitFun()');
    function showInitFun() {
        amsControl([30, 31],function(res){
            if(!res.success){
                $('.side-promo .go-out-click').remove();
                $('.side-promo .repair-side').show();
            }
        });
    }
</script>


 <div class="w980 new-users clear">
            <ul class="fr">
                <li><a href="{:U('brand/index',array('cid'=>1))}" target="_blank"><span>品牌女装</span><i class="icon-arrow"></i></a></li>
                <li><a href="{:U('brand/index',array('cid'=>5))}" target="_blank"><span>品牌母婴</span><i class="icon-arrow"></i></a></li>
                <li><a href="{:U('brand/index',array('cid'=>7))}" target="_blank"><span>品质百货</span><i class="icon-arrow"></i></a></li>
                <li class="active"><a href="{:U('brand/index')}" target="_blank"><span>全部品牌</span><i class="icon-arrow"></i></a></li>
            </ul>
            <div class="update-time fl">
                <div class="today">
                    <i class="brand_news"></i>今日品牌
                </div>
            </div>
</div>

<!--品牌团托管广告位-->
<div class="w1005 brand_index clear">
	<div class="brand_list">
	<ul>
	<item type="hotbrand" num="3" order="id desc">
	<volist name="data" id="brand" key="bi">
		<li>
		<div class="brand-status">
			<a href="{:U('Brand/view',array('id'=>$brand['id']))}" class="link-box" target="_blank" data-value="brand#1_1">
				<div class="brand-pic">
					<img src="{$brand['newpic']}_468x468Q90.jpg">
					<div class="brand_time" data-etime="{$brand['end_time']}" style="display: block;">
						<p class="endtime" data-time="{$brand['end_time']}" data-id="b{$bi}" id="end_date_b{$bi}">
							<span class="icon_time"></span>
							<span class="brand-days"><em>0</em><i>天</i></span>
							<span class="brand-hours"><em>0</em><i>时</i></span>
							<span class="brand-minutes"><em>0</em><i>分</i></span>
							<span class="brand-seconds"><em>0</em><i>秒</i></span>
						</p>
						<div class="brand_time_bg"></div>
					</div>
				</div>
                                <div class="card">
					<span class="discount discount1">
						<span>进入活动</span>
					</span>                                    
					<span class="title">{$brand['title']}</span>
                                </div>
                            </a>
		</div>
		</li>
	</volist>
	</item>
	</ul>
        </div>
	
	<div class="brand-icons">
		<span class="txt fl">更多品牌特卖:</span>
		<ul class="fl">
		<item type="morebrand" num="8">	
			<volist name="data" id="item">
			<li><a href="{:U('brand/view',array('id'=>$item['id']))}" target="_blank"><img src="{$item.logo}" width="80px" alt="{$item.intro}"></a></li>
			</volist>
		</item>

		</ul>
		<a href="{:U('brand/index')}" target="_blank" class="see-all fr"><span class="fl">查看全部</span><em class="go-icon fr"></em></a>
	</div>
</div>

<include file="public:nav-classify" />
<a class="go-top-btn" hidefocus="true"><div class="go-top" style="display: block;"></div></a>

<div class="wrap">
<div class="cate-wrap">

	<div class="headgear">
		<div class="buy-last-time">
			<em class="title">本场剩余:&nbsp;&nbsp;</em>
			<span data-time="<?php
			if(date("H")>10){
				echo  strtotime(date("Y-m-d 10:00:00",strtotime("+1 day")));
			}else{
				echo  strtotime(date("Y-m-d 10:00:00"));
			}
			?>" class="end-date-portal endtime" data-id="s1" id="end_date_s1"><em class="h">0</em>时<em class="m">0</em>分<em class="s">0</em>秒</span>
		</div>
		<div class="portal-illu">  
			<span class="slogan-first">超值爆款</span>
			<span class="slogan-second">内部优惠</span>
			<span class="slogan-third">限量抢购</span>
		</div>
		<div class="tomorrow">
			<a class="go-url" href="{:U('Yugao/index')}" target="_blank">明日预告</a>
		</div>
	</div>
 
	<div class="clearfix"></div>
	<div class="shop-wrap">
		<div id="nav-menu" class="nav-menu">
			<ul class="nav-box">
			<a href="{:C('itk_site_url')}" hidefocus="true"><li <empty name="cid"> class="selected"</empty>>全部</li></a>
			<volist name="cate_data" id="bcate">
			<if condition="$bcate['pid'] eq 0">
			<a href="{:U('index/cate', array('cid'=>$bcate['id']))}" title="{$bcate.name}" hidefocus="true"><li class="<if condition="($cid eq $bcate['id']) OR ($cate_data[$cid]['pid'] eq $bcate['id'])">selected</if>">{$bcate.name}</li></a>	
			</if>
			</volist>
			</ul>
			<div class="line-box">
				<div class="short-line" style="margin-left: 20px;"></div>
			</div>
		</div>
		<include file="public:items_list" />
	</div>
</div>

<notempty name="page">
<div class="pagination tuan-before-page">
	{$page}<span class="enhanced_tip">&nbsp;</span>
</div>
</notempty>
</div>

	<div id="overlay" class="overlay" style="display: none;"></div>

</div>
</div>

<script type="text/javascript">
	function getTime(){
    $(".endtime").each(function () {
		var end = $(this).attr('data-time');
		var style = 2;
		var id = $(this).attr('data-id');

		today=new Date(); 
		timeold=((end)*1000-today.getTime()); 
		if (timeold < 0) {
			$("#end_date_"+id).html("已结束!");
			return;
		} 
		sectimeold=timeold/1000;
		secondsold=Math.floor(sectimeold); 
		msPerDay=24*60*60*1000;
		e_daysold=timeold/msPerDay;
		daysold=Math.floor(e_daysold); 
		e_hrsold=(e_daysold-daysold)*24;
		hrsold=Math.floor(e_hrsold); 
		e_minsold=(e_hrsold-hrsold)*60;
		minsold=Math.floor((e_hrsold-hrsold)*60); 
		e_seconds = (e_minsold-minsold)*60;
		seconds=Math.floor((e_minsold-minsold)*60); 
		ms = e_seconds-seconds;
		ms = new String(ms);
		ms1 = ms.substr(2,1);
		ms2 = ms.substr(2,1);
		hrsold1=daysold*24+hrsold;
		
		if(daysold>0){
			$("#end_date_"+id).html("<i>"+daysold+"</i>天<i>"+(hrsold<10?'0'+hrsold:hrsold)+"</i>时<i>"+(minsold<10?'0'+minsold:minsold)+"</i>分<i>"+(seconds<10?'0'+seconds:seconds)+"."+ms2+"</i>秒");
		}else{
			$("#end_date_"+id).html('<em class="h">'+(hrsold<10?'0'+hrsold:hrsold)+'</em>时<em class="m">'+(minsold<10?'0'+minsold:minsold)+'</em>分<em class="s">'+(seconds<10?'0'+seconds:seconds)+"."+ms2+"</em>秒");
		}
		
     });

    }
    setInterval("getTime()",100);
</script>

<include file="public:footer" />
</body>
</html>